<html lang="en">
	<head>
		<meta charset="UTF-8">
		<link rel="shortcut icon" href="http://www.runoob.com/images/tryitimg.gif" type="image/x-icon">
		<title>Document
		</title>
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<link rel="stylesheet" href="css/bootstrap.css">
		<script src="js/jquery.min.js"></script>
		<script src="js/popper.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="css/comm.css">
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/iconfont/iconfont.css">
	
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"
		  />
		
		  </style>
		  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=1zj7EZMIIyF5k0SUC6tHxBrNyRGs5Voa">
			
		  </script>
		  <script src="js/ajax.js"></script>
		 
	</head>
	<body>
		<!-- 头部 -->
		
		
		<!-- 网页主体 -->
		<div class="container">
			<header id="header">
		
			</header>
			<!-- 去掉iframe -->
			<!-- <ul class="menu">
				<li>
					<a href=""><img src="https://static.meten.com/web/images/base/logo_new.png" alt=""></a>
				</li>
				<li></li>
				<li>
					<img src="img/icon-test.png" alt="">
					深圳
					<ul>
						<li>
							<p>欢迎来到美联英语，请选择合适的美联英语校区所在地</p>
	
						</li>
						<li>
							<strong>A</strong>
							<span>北京</span>
							<span>北京</span>
						</li>
						<li>
							<strong>B</strong>
							<span>北京</span>
							<span>北京</span>
						</li>
						<li>
							<strong>C</strong>
							<span>北京</span>
							<span>北京</span>
						</li>
						<li>
							<strong>D</strong>
							<span>北京</span>
							<span>北京</span>
						</li>
						<li>
							<strong>E</strong>
							<span>北京</span>
							<span>北京</span>
						</li>
						<li>
							<strong>F</strong>
							<span>北京</span>
							<span>北京</span>
						</li>
						<li>
							<strong>G</strong>
							<span>北京</span>
							<span>北京</span>
						</li>
						<li>
							<strong>H</strong>
							<span>北京</span>
							<span>北京</span>
						</li>
					</ul>
					
				</li>
				<li>
					<a href="">首页</a>
				</li>
				<li>课程设置
					<ul>
						<li>
							<a href="">零基础英语</a>
						</li>
	
						<li>
							<a href="">在线英语</a>
						</li>
						<li>
							<a href="">成人英语</a>
						</li>
						<li>
							<a href="">小学生英语</a>
						</li>
						<li>
							<a href="">中学生英语</a>
						</li>
						<li>
							<a href="">学渣英语</a>
						</li>
					</ul>
				</li>
				<li>
					<a href="">授课老师</a>
				</li>
				<li>
					<a href="">校区分布</a>
				</li>
				<li>
					<a href="">学习费用</a>
				</li>
				<li>
					<a href="">教学服务</a>
				</li>
				<li>
					<a href="">投资者关系</a>
					<ul>
						<li>
							<a href="">投资者关系1214124124</a>
						</li>
						<li>
							<a href="">品牌荣誉</a>
						</li>
						<li>
							<a href="">美联咨询</a>
						</li>
					</ul>
				</li>
			</ul> -->
		<!-- 垃圾广告 -->
		<div class="adv" >
			<ul>
				<li>
					<p class="iconfont icon-xinxi"></p>
					<p>课程咨询</p>
				</li>
				<li>
					<p class="iconfont icon-renminbi"></p>
					<p>收费标准</p>
					<div id="mark">111111111
						<div></div>
						<div>
							<p>咨询课程收费标准</p>
							<table >
								<tr>
									<td colspan="2">请选择课程</td>
									<td></td>
								</tr>
								<tr>
									<td >
										<input id="d1" type="radio" checked>
										<label for="d1">零基础课程</label>
									</td>
									<td >
										<input id="d1" type="radio" checked>
										<label for="d1">零基础课程</label>
									</td>
								</tr>
								<tr>
									<td >
										<input id="d1" type="radio" checked>
										<label for="d1">零基础课程</label>
									</td>
									<td >
										<input id="d1" type="radio" checked>
										<label for="d1">零基础课程</label>
									</td>
								</tr>
								<tr>
									<td colspan="2">
										<p>请选择学习方式</p>
									</td>
								</tr>
								<tr>
									<td>
										<input type="radio" name="" id="">
										<span>4人小班</span>
									</td>
									<td>
										<input type="radio" name="" id="">
										<span>一对一</span>
									</td>
								</tr>
								
								
							</table>
							<input type="text" placeholder=""请输入手机号,咨询费用>
							<button>咨询学费</button>
						</div>
					</div>
				</li>
				<li>
					<p class="iconfont icon-yanjizhushou-shangchuan_tingtong"></p>
					<p>预约试听</p>
				</li>
				<li>
					<p class="iconfont icon-xinxi"></p>
					<p>水平测试</p>
				</li>
				<li id="bottom1">
					<p class="iconfont icon-dingbu"></p>
					<p >回到顶部</p>
				</li>
			</ul>
		</div>

			<!-- 焦点轮播图 -->
			<div id="demo"data-ride="carousel" class="carousel">
				<div class="carousel-inner">
					<div class="carousel-item active">
						<img class="" src="https://static.meten.com/web/images/index2.0/banner-pz.jpg" alt="">
					</div>
					<div class="carousel-item ">
						<img class="" src="https://static.meten.com/web/images/index2.0/banner-temp.jpg" alt="">
					</div>
					
				</div>
				<!-- 轮播指示器 -->
				<ul class="carousel-indicators no">
					<li data-target="#demo" data-slide-to="0" class="active"></li>
					<li data-target="#demo" data-slide-to="1"></li>
				</ul>
				<!-- 左右箭头 -->
				<a data-slide="next"class="carousel-control-next" href="#demo">
					<span class="carousel-control-next-icon"></span>
				</a>
				<a data-slide="prev"class="carousel-control-prev" href="#demo">
					<span class="carousel-control-prev-icon"></span>
				</a>
				
				
			</div>
			<!-- 主页内容 -->
		<div class="courses"> 
			<p class="h1 text-center">
				英语课程 - 针对不同人群 提供个性课程
			</p>
		</div>
		<!-- 6张图片 -->
		<div id="picture" class="row picture ">
		   <div class="col-4 ">
			   <div class="">
				   <a href="">
				   				   <div>
				   					   <img src="https://static.meten.com/web/images/index2.0/part1-img01.jpg" alt="">
				   				   </div>
				   				   <h4 class="font-weight-bold mt-2">常见英语口语</h4>
				   				   <p>英语口语,地道发言,流利对话</p>
				   </a>
				   <button class="btn btn-green">免费试听</button>
			   </div>
		   </div>
           <div class="col-4">
			  <div>
			  				   <a href="">
			  				   				   <div>
			  				   					   <img src="https://static.meten.com/web/images/index2.0/part1-img02.jpg" alt="">
			  				   				   </div>
			  				   				   <h4 class="font-weight-bold mt-2">常见英语口语</h4>
			  				   				   <p>英语口语,地道发言,流利对话</p>
			  				   </a>
			  				   <button class="btn btn-green">免费试听</button>
			  </div>
		   </div>	   
		   <div class="col-4">
			  <div>
			  				   <a href="">
			  				   				   <div>
			  				   					   <img src="https://static.meten.com/web/images/index2.0/part1-img03.jpg" alt="">
			  				   				   </div>
			  				   				   <h4 class="font-weight-bold mt-2">常见英语口语</h4>
			  				   				   <p>英语口语,地道发言,流利对话</p>
			  				   </a>
			  				   <button class="btn btn-green">免费试听</button>
			  </div>
		   </div>
		   <div class="col-4">
			<div>
							   <a href="">
												  <div>
													  <img src="https://static.meten.com/web/images/index2.0/part1-img04.jpg" alt="">
												  </div>
												  <h4 class="font-weight-bold mt-2">常见英语口语</h4>
												  <p>英语口语,地道发言,流利对话</p>
							   </a>
							   <button class="btn btn-green">免费试听</button>
			</div>
		 </div>
		 <div class="col-4">
			<div>
							   <a href="">
												  <div>
													  <img src="https://static.meten.com/web/images/index2.0/part1-img05.jpg" alt="">
												  </div>
												  <h4 class="font-weight-bold mt-2">常见英语口语</h4>
												  <p>英语口语,地道发言,流利对话</p>
							   </a>
							   <button class="btn btn-green">免费试听</button>
			</div>
		 </div>
		 <div class="col-4">
			<div>
							   <a href="">
												  <div>
													  <img src="https://static.meten.com/web/images/index2.0/part1-img06.jpg" alt="">
												  </div>
												  <h4 class="font-weight-bold mt-2">常见英语口语</h4>
												  <p>英语口语,地道发言,流利对话</p>
							   </a>
							   <button class="btn btn-green">免费试听</button>
			</div>
		 </div>
		</div>
		<!-- 英语水平导航 -->
		<!-- 教学特色 - 六大学习服务 给你不同学习体验 -->
		<div>
			<p class="h1 text-center">
				教学特色 - 六大学习服务 给你不同学习体验
			</p>
			<p class="h1 text-center">
				- Advantages -
			</p>
		<!-- 教学特色下面6个div -->
			<div class="row adv1">
				<div class="col-4">
					<div class="d-flex border mt-3">
						<div id="" class="">
							<img src="https://static.meten.com/web/images/index2.0/part3-icon06.png" alt="">
						</div>
						<div class="ml-3">
							<p class="h4 font-weight-bold">英语团队研发教材</p>
							<p class="h5">携手美国国家地理学习</p>
							<p class="h5">合作研发Explore教材</p>
						</div>
					</div>
					
				</div>
				<div class="col-4">
					<div class="d-flex border mt-3">
						<div id="" class="">
							<img src="https://static.meten.com/web/images/index2.0/part3-icon05.png" alt="">
						</div>
						<div class="ml-3">
							<p class="h4 font-weight-bold">英语团队研发教材</p>
							<p class="h5">携手美国国家地理学习</p>
							<p class="h5">合作研发Explore教材</p>
						</div>
					</div>
					
				</div>
				<div class="col-4">
					<div class="d-flex border mt-3">
						<div id="" class="">
							<img src="https://static.meten.com/web/images/index2.0/part3-icon04.png" alt="">
						</div>
						<div class="ml-3">
							<p class="h4 font-weight-bold">英语团队研发教材</p>
							<p class="h5">携手美国国家地理学习</p>
							<p class="h5">合作研发Explore教材</p>
						</div>
					</div>
					
				</div>
				<div class="col-4">
					<div class="d-flex border mt-3">
						<div id="" class="">
							<img src="https://static.meten.com/web/images/index2.0/part3-icon03.png" alt="">
						</div>
						<div class="ml-3">
							<p class="h4 font-weight-bold">英语团队研发教材</p>
							<p class="h5">携手美国国家地理学习</p>
							<p class="h5">合作研发Explore教材</p>
						</div>
					</div>
					
				</div>
				<div class="col-4">
					<div class="d-flex border mt-3">
						<div id="" class="">
							<img src="https://static.meten.com/web/images/index2.0/part3-icon01.png" alt="">
						</div>
						<div class="ml-3">
							<p class="h4 font-weight-bold">英语团队研发教材</p>
							<p class="h5">携手美国国家地理学习</p>
							<p class="h5">合作研发Explore教材</p>
						</div>
					</div>
					
				</div>
				<div class="col-4">
					<div class="d-flex border mt-3">
						<div id="" class="">
							<img src="https://static.meten.com/web/images/index2.0/part3-icon02.png" alt="">
						</div>
						<div class="ml-3">
							<p class="h4 font-weight-bold">英语团队研发教材</p>
							<p class="h5">携手美国国家地理学习</p>
							<p class="h5">合作研发Explore教材</p>
						</div>
					</div>
					
				</div>
				
			</div>
		</div>
		<!-- 等级设置 - 欧洲CEFR标准 科学划分英语等级 -->
		<div>
			<p class="h1 text-center">
				等级设置 - 欧洲CEFR标准 科学划分英语等级
			</p>
			<p class="h1 text-center">
				- Levels -
			</p>
			<img src="https://static.meten.com/web/images/index2.0/part4-img-bt.png" alt="">
		</div>
		<div class="button"><a href="javascript:;">免费测试水平</a></div>
		<!-- 学习图片上面在浮动 -->
		<div class="floor" >
			<div>
				<p>学习目标</p>
				<p>Goals</p>
				<p>把知识带进教室</p>
				<p>把教室带进生活</p>
			</div>
			<div>
				<img src="https://static.meten.com/web/images/index2.0/part2-img01.jpg" alt="">
				<p>长远视野</p>
				<div>
					<h4>长远视野</h5>
					<ul class="list-unstyled">
						<li>流利地道的英语口语</li>
						<li>标准准确的英语发音</li>
						<li>应答顺畅的沟通交流</li>
						<li>从容潇洒的自我风采</li>
					</ul>	
				</div>
			</div>
			<div>
				<img src="https://static.meten.com/web/images/index2.0/part2-img02.jpg" alt="">
				<p>地道表达</p>
				<div>
					<h4>地道表达</h5>
					<ul class="list-unstyled">
						<li>与时俱进的外国文化</li>
						<li>批判严谨的思维模式</li>
						<li>应答顺畅的沟通交流</li>
						<li>坚持不懈的行为习惯</li>
					</ul>	
				</div>
			</div>
			<div>
				<img src="https://static.meten.com/web/images/index2.0/part2-img03.jpg" alt="">
				<p>学习技能</p>
				<div>
					<h4>21世纪学习技能</h5>
					<ul class="list-unstyled">
						<li>沟通能力 Communication</li>
						<li>合作能力 Collaboration</li>
						<li>批判性思维 Critical Thinking</li>
						<li>创造能力 Creativity</li>
					</ul>	
				</div>
			</div>
			<div>
				<img src="https://static.meten.com/web/images/index2.0/part2-img04.jpg" alt="">
				<p>自主学习能力</p>
				<div>
					<h4>地道表达</h5>
					<ul class="list-unstyled">
						<li>与时俱进的外国文化</li>
						<li>批判严谨的思维模式</li>
						<li>应答顺畅的沟通交流</li>
						<li>坚持不懈的行为习惯</li>
					</ul>	
				</div>
			</div>
			
		</div>
		<!-- 地图导航 -->
		    <div>
				<p class="h1 text-center">
					校区分布 - 百余家校区 就近学习节省时间
				</p>
				<p class="h1 text-center">
					- Schools -
				</p>
				
				<!-- 百度地图 -->
			
				<div class="d-flex">
					<div id="baidumap" class="box"></div>
<script type="text/javascript">
    var map = new BMap.Map("baidumap");
    // 创建地图实例
    var point = new BMap.Point(113.742196,34.752043);
    // 创建点坐标
    map.centerAndZoom(point,20);
    // 初始化地图，设置中心点坐标和地图级别
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    // map.setMapStyle({style:'grayscale'}); //黑夜地图效果
 
    var marker = new BMap.Marker(point);        // 创建标注
    map.addOverlay(marker);
 
    //定义位置坐标
    // marker.enableDragging();
    // marker.addEventListener("dragend", function(e){
    //     alert("当前位置：" + e.point.lng + ", " + e.point.lat);
    // })
 
    //定义信息窗口
    var opt = {
        width : 250,     // 信息窗口宽度
        height: 100,     // 信息窗口高度
        title : "美联英语" , // 信息窗口标题
        color:"red"
    };
    var infoWindow = new BMap.InfoWindow("快来学英语", opt);  // 创建信息窗口对象
 
    //监听小红点点击事件 点击后信息窗口显示
    marker.addEventListener("click", function(){
        map.openInfoWindow(infoWindow, map.getCenter());      // 打开信息窗口
    });
 
    //定义一个地图放大缩小控件
    var opts = {type:BMAP_NAVIGATION_CONTROL_LARGE,offset: new BMap.Size(20,20)}
	map.addControl(new BMap.NavigationControl(opts));



	
</script>
		<div id="p1">
						<div class="card">
							<div class="card-header">
								<a data-toggle="collapse" href="#c1">开福万达中心</a>
							</div>
							<!-- cllapse 加了个show就是默认显示的意思 -->
							<div id="c1"class="collapse show" data-parent="#p1">
								<div class="card-body">
										<p>地    址：长沙市开福区中山路589号万达广场3号门2楼2036号</p>
										<p>开放时间：10:00-21:00</p>
								</div>
							</div>
						</div>
						<div class="card">
							<div class="card-header">
								<a data-toggle="collapse" href="#c2">王府井中心</a>
							</div>
							<div id="c2"class="collapse" data-parent="#p1">
								<div class="card-body">
										<p>地    址：长沙市开福区中山路589号万达广场3号门2楼2036号</p>
										<p>开放时间：10:00-21:00</p>
								</div>
							</div>
						</div>
						<div class="card">
							<div class="card-header ">
								<a data-toggle="collapse" href="#c3">开福万达中心</a>
							</div>
							<div id="c3"class="collapse" data-parent="#p1">
								<div class="card-body">
										<p>地    址：长沙市开福区中山路589号万达广场3号门2楼2036号</p>
										<p>开放时间：10:00-21:00</p>
								</div>
							</div>
						</div>
						<div class="card">
							<div class="card-header">
								<a data-toggle="collapse" href="#c4">雨花保利中心</a>
							</div>
							<div id="c4"class="collapse" data-parent="#p1">
								<div class="card-body">
										<p>地    址：长沙市开福区中山路589号万达广场3号门2楼2036号</p>
										<p>开放时间：10:00-21:00</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			
			</div>
		
			<div>
				<p class="h1 text-center">
					开始学习 - 免费领取英语学习礼包
				</p>
				<p class="h1 text-center">
					- Start -
				</p>
				<div class="floor1">
					<div>
					</div>
					<div>
						<p class="h1 text-center">
							英语学习礼包
						</p>
						<hr>
						<div>
							<div>
								<img src="https://static.meten.com/web/images/index2.0/part8-pre-icon.png" alt="">
							</div>
							<div>
								<p>1对1英语学习规划与指导</p>
								<p>500主题试听课任选1节</p>
								<p>报名领取1000元奖学金</p>
							</div>
							
						</div>
						<div >
							<input type="text" placeholder="输入手机号,免费获得学习资料">
						</div>
						<div >
							<button>免费领取</button>
						</div>
						<div>
							<input type="checkbox">
						<span>同意</span><a href="">《美联用户隐私保护协议》</a>
						</div>
						
					</div>
				</div>
			</div>
			

		
		</div>

		<!-- 脚部-->
		<div >
			<iframe src="footer.html" class="my_footer" scrolling="no"></iframe>
		</div>
		
		
	</body>
	<script src="js/index.js"></script>
</html>
